@charset "utf-8";
/* -------------------------------- */
/* site layout css                  */
/* -------------------------------- */

@import 'share';
@import 'styleset';

body {
font-family                                              : $mainfont;
color                                                    : $main_color2;
background-color                                         : $main_color1;
}

div#container {
/* float background */
overflow                                                 : visible;
}

div#contents {
@include clearfix;
padding-top                                              : 8px;

/* float background */
overflow                                                 : visible;
}


/*------------------------------*/
/* site header */
/*------------------------------*/
div#siteheader {
@include clearfix;
margin                                                   : 0;
position                                                 : fixed;
z-index                                                  : 1000;
visibility                                               : hidden;

}

div#siteheader div.boxleft {
margin-top:10px;
float                                                    : left;
}

div#siteheader nav.boxright {
float                                                    : right;

background-color                                         : $main_color1;
width                                                    : 480px;

margin-top                                               : 40px;
margin-right                                             : 2%;

-moz-border-radius                                       : 12px;
-webkit-border-radius                                    : 12px;
border-radius                                            : 0 0 12px 12px;
-moz-box-shadow                                          : 0px 5px 13px rgba(0,0,0,1);
-webkit-box-shadow                                       : 0px 5px 13px rgba(0,0,0,1);
box-shadow                                               : 0px 5px 13px rgba(0,0,0,1);

filter                                                   : alpha(opacity=90);
-moz-opacity                                             : .90;
opacity                                                  : .90;
}

div#siteheader div.boxouter {
position                                                 : relative;
}

div#siteheader table#siteboard{
margin                                                   : 2% auto;
width                                                    : 95%;
border-collapse                                          : separate;
border-spacing                                           : 2px;
*border-collapse                                         : expression('separate', cellSpacing = '2px');
 
}

div#siteheader table#siteboard  td {
border                                                   : none;
padding                                                  : 0.1em;
margin                                                   : 0;
}

div#siteheader table#siteboard td a{
color                                                    : $main_color2;
font-weight                                              : bold;
text-decoration                                          : none;
text-align                                               : center;
display                                                  : block;
border                                                   : 2px solid #fff;
border-radius                                            : 5px;
margin                                                   : 2%;
padding:2%;
}


div#siteheader table#siteboard td.maruwakari{
background-color                                         : #F2F6DA;
border-radius                                            : 5px;
padding                                                  : 0 ;
margin                                                   : 0;
}

div#siteheader table#siteboard td.maruwakari a{
border                                                   : 2px solid $main_color1;
padding                                                  : 3px 0 0 0 ;
margin                                                   : 5px;
}

div#siteheader div#hang{
position                                                 : absolute;
top                                                      : -42px;
left                                                     : 0;
}


/*------------------------------*/
/* site header maruwakari */
/*------------------------------*/
div#siteheader_maruwakari {
@include clearfix;
margin                                                   : 0;
position                                                 : fixed;
z-index                                                  : 1000;
}

div#siteheader_maruwakari span.boxleft {
margin-top:10px;
float                                                    : left;
}



/*TOP へ戻る*/

#topback　{
position                                                 : absolute;
/*top                                                      : 120%;*/
background                                         : url(/common/img/top_tab.png);
background-repeat: no-repeat;
background-position: left top;
white-space: nowrap;
overflow: hidden;
text-indent: 100%;
}

#topback a{
padding                                                  : 10%;
display                                                  : block;
width: 50px;
height: 200px;
}

#topback a                                               : hover{
background-color                                         : $sub_color4;
}






/*------------------------------*/
/* back-top */
/*------------------------------*/
#back-top {
position                                                 : fixed;
bottom                                                   : 76px;
right                                                    : 12px;
}

#back-top a {
width                                                    : 48px;
display                                                  : block;
text-align                                               : center;
text-transform                                           : uppercase;
text-decoration                                          : none;
color                                                    : #000;
-webkit-transition                                       : 1s;
-moz-transition                                          : 1s;
transition                                               : 1s;
opacity                                                  : .8;
}

#back-top a                                              : hover {
/* color                                                 : #000; */
opacity                                                  : .9;
}

#back-top span {
width                                                    : 48px;
height                                                   : 48px;
display                                                  : block;
margin-bottom                                            : 7px;
opacity                                                  : .5;
}

#back-top a                                              : hover span {
opacity                                                  : .8;
}


/*まるわかり*/
section#maruwakari{
margin                                                   : 5% auto 0 auto;
overflow                                                 : hidden;
}

section#maruwakari div#kitt h4{
border-bottom                                            : 5px dotted $main_color4;
padding-bottom                                           : 1%;
font-weight                                              : normal;
}

section#maruwakari div#kitt p.kitt_logo{
	margin: 1.5em 0 0 0;
	padding: 0;
}

section#maruwakari div#kitt h5{
font-size                                                : 3.036em;
border-bottom                                            : 2px solid $main_color2;
padding-bottom                                           : 3%;
margin                                                   : 0 0 1% 0;
font-weight                                              : normal;
}

section#maruwakari div#kitt div.text{
	margin: 1em 0 ;
}

section#maruwakari div#kitt div.text strong{
color                                                    : $main_color5;
font-size                                                : 1.071em;
font-weight                                              : normal;
}

section#maruwakari div#kitt div.text ul li{
list-style-type                                          : none;
margin                                                   : 1% 0;
}

section#maruwakari div.ph{
background                                               : url('/common/img/index//bk_page_index_maruwakarikitt_img.png');
background-size                                          : contain;
background-repeat                                        : no-repeat;
background-position                                      : right center;
text-indent                                              : 100%;
white-space                                              : nowrap;
overflow                                                 : hidden;
padding-bottom                                           : 13%;
}

section#maruwakari div.kitttop{
border-bottom                                            : 5px solid $main_color4;
padding-bottom                                           : 2%;
margin                                                   : 0 0 2% 0;
}

section#maruwakari div.kitt3 h3{
text-align                                               : center;
font-weight                                              : normal;
font-size: 2.3em;
}

section#maruwakari div.kitt3 ul.block-three{
margin                                                   : 0 auto;
}

section#maruwakari div.kitt3 ul.block-three li{
border                                                   : 2px solid $main_color4;
border-radius                                            : 10px;
-webkit-border-radius                                    : 10px;
-moz-border-radius                                       : 10px;
background-color                                         : #fff;
margin                                                   : 1.5% ;
padding                                                  : 1%;
min-height                                               : 215px;
}

section#maruwakari div.kitt3 ul.block-three li b{
font-size                                                : 3em;
color                                                    : $main_color4;
line-height                                              : 1.2em;
font-weight: normal;
}

section#maruwakari div.kitt3 ul.block-three li p{
color                                                    : $main_color5;
margin                                                   : 1% 0 ;
font-size: 1.4em;
text-align: left;
}

section#maruwakari div.kitt3 ul.block-three li p strong{
font-size                                                : 1.3em;
}

section#maruwakari div.kitt3 ul.block-three li p span{
color                                                    : $main_color2;
display                                                  : block;
font-size                                                : 0.6em;
line-height: 1.2em;
margin                                                   : 12% 0 0 0 ;
}

section#maruwakari div.kitt3 div.otoriyose{
text-align                                               : center;
}

section#present {
border-radius                                            : 5px;
-webkit-border-radius                                    : 5px;
-moz-border-radius                                       : 5px;
background-color                                         : #F7F8D4;
margin                                                   : 2% 0;
padding                                                  : 1% 2%;
overflow                                                 : hidden;
}

section#present h3{
font-weight                                              : normal;
margin                                                   : 0 0 1% 0;
padding                                                  : 0;
}

section#present ul li{
width                                                    : 90px;
margin                                                   : 0 1% 0 0;
}

section#present ul li figure.ph a{
	height: 115px;
	display: block;
}

section#present ul li img{
width                                                    : 90px;
max-height                                               : 115px;
}

section#present ul li h4{
font-size                                                : 11px;
font-weight                                              : normal;
margin                                                   : 2% 0;
color                                                    : $main_color4;
margin                                                   : 1em 0;
height                                                   : 30px;
}

section#present ul li h5{
font-size                                                : 11px;
font-weight                                              : normal;
margin                                                   : 1em 0;
height                                                   : 35px;
}



section#present ul li button.link{
background                                               : url(/_cms_sogokan/common/img/index/present_a_tag.png);
background-repeat                                        : repeat;
background-position                                      : left top;
display                                                  : inline-block;
padding                                                  : 3% 5%;
margin                                                   : 1em 0;
text-align                                               : center;
text-decoration                                          : none;
line-height                                              : 1em;
}


/*カタログリスト*/

section#catalog h2{
	margin: 3em 0 0 2em;
	font-size:2.3em;
	font-weight: normal;
}

section#catalog p.catch{
	margin: 1em 3em 2em 6em;
}


section#catalog li.title{
	background-color: $other_color5;
	border-radius                                  : 10px;
	-webkit-border-radius                          : 10px;
	-moz-border-radius                             : 10px;
	box-shadow                                     : 0 5px 9px rgba(0,0,0,0.16);
	-webkit-box-shadow                             : 0 5px 9px rgba(0,0,0,0.16);
	-moz-box-shadow                                : 0 5px 9px rgba(0,0,0,0.16);	
    -moz-box-sizing: border-box;
    margin-bottom: 2em;
    text-align: center;
    padding: 0.1em 0;
}

section#catalog li h3{
	margin: 0.5em 0 ;
}

section#catalog li.title b,
section#catalog li.item b{
	padding-bottom: 0.5em;
	margin: 0.5em auto;
	background-color: #F4F4E9;
	display: block;
	border-radius                                  : 100%;
	-webkit-border-radius                          : 100%;
	-moz-border-radius                             : 100%;
	background-color: #F3F4E9;
	width: 15px;
	height: 15px;
	box-shadow                                     : 0 0 10px #ccc inset;
	-webkit-box-shadow                             : 0 0 10px #ccc inset;
	-moz-box-shadow                                : 0 0 10px #ccc inset;	

}

section#catalog li.title div {
	border-top:1px solid $main_color2;
	margin: 0.5em 1em;	
}

section#catalog li.title div p.icon{
	text-align: center;
	border-top:1px dashed $main_color2;
	padding-top: 2em;
	margin: 0.5em 0;
}

section#catalog li.title div figure{
	width: 60%;
	margin: 0 0 0 2.7em;

}

section#catalog li.title h4{
	font-size: 12px;
	font-weight: normal;
	margin: 0.5em;
}

section#catalog li.title p{
	margin: 0 2em 1em 2em;
}

section#catalog li.title b{
	order-radius                                  : 5px;
	-webkit-border-radius                          : 5px;
	-moz-border-radius                             : 5px;

}

section#catalog li.cat{
	background-color: #fff;
	border-radius                                  : 10px;
	-webkit-border-radius                          : 10px;
	-moz-border-radius                             : 10px;
	box-shadow                                     : 0 5px 9px rgba(0,0,0,0.16);
	-webkit-box-shadow                             : 0 5px 9px rgba(0,0,0,0.16);
	-moz-box-shadow                                : 0 5px 9px rgba(0,0,0,0.16);	
	overflow: hidden;
	margin-bottom: 2em;
	padding: 0;
}

section#catalog li.cat h4{
	font-size: 12px;
	font-weight: normal;
	margin: 0.5em;
    text-align:left;
	color: $main_color4;
}

section#catalog li figure{
	text-align: center;
	margin: .8em .8em;
}



/*------------------------------*/
/* footer */
/*------------------------------*/
footer {
background-color                                         : $main_color2;
color                                                    : #ffffff;
overflow                                                 : hidden;
width                                                    : 100%;
color                                                    : #ffffff;
margin-bottom                                            : 68px;
z-index                                                 : 1000;
}
footer a {
color:#ffffff;
}

footer div.about{
	text-align: left;
	margin: 1em 0 0.5em 2em;
}

footer div.row{
	margin: 1em 0 0 0;
}

footer div.third ul{
	text-align:left;
	float:left;
	padding:1% 3%;
	margin: 0 0 0 1em;
}

footer div.row div.twothird{
margin: 0 0 1em 0;
}

footer p.copyright{
	text-align: center;
}
/*------------------------------*/
/* footer anchor navi */
/*------------------------------*/
div#pagenavi {
/*
opacity                                                  : .9;
*/
position                                                 : fixed; /* 固定 */
display                                                  : table-cell;
vertical-align                                           : middle;
bottom                                                   : 0;
width                                                    : 100%;
height                                                   : 68px;
background-color                                         : #3F2212;
z-index                                                  :9999;
}

nav#anchor-navi ul {
}

nav#anchor-navi li {
float                                                    : left;
margin                                                   : 0 .5%;
border                                                   : 1px solid #909090;
padding                                                  : 0 .7%;
}
nav#anchor-navi li a {
font-size                                                : 0.5em;
}


